{% extends "base.html" %}
{%load pagination_tags%}

{%block head%}
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script type="text/javascript" src="{{MEDIA_URL}}/js/jquery-ui.datepicker-pl.js"></script>
    <script>
        $(document).ready(function() {
            $("#datepicker").datepicker($.datepicker.regional['pl']);
        });
    </script>
{%endblock%}

{% block content %}
	<div id="content">
		<div class="post">
			<div class="title">
				<h2>Wyszukiwanie dla <b>{{query}}</b></h2>
			</div>
			<div class="entry">
				<form method="GET" action="{%url search%}">
	                <input type="text" class="search" name="search" id="datepicker" value="{{query}}" />
	                <input type="submit" id="pick" value="Szukaj" />
            	</form>
				<p>
				{%for l in lotto%}
				    <h2>{{l.to_str}}</h2>
				    <div>
				        Losowanie numer <i>{{l.id}}</i> z następującym wynikiem:
				        {%for v in l.as_list%}
	            			<div class="numb">{{v}}</div>
	            		{%endfor%}
	            		<br>
				    </div>
				{%empty%}
				    <h3>W tym dniu nie odbyło się losowanie.</h3>
				{%endfor%}
				</p>
			</div>
		</div>
	</div>
{% endblock %}
